<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>ECharts</title>
    <!-- 引入刚刚下载的 ECharts 文件 -->
    <script src="js/echarts.js"></script>
    <script src="js/jquery-3.7.0.js"></script>
</head>
<body>
<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
    // 指定图表的配置项和数据
    var option = {
        title: {
            text: 'ECharts 入门示例'
        },
        tooltip: {},
        legend: {
            data: ['库存(m³)']
        },
        xAxis: {
            data: ['仓库A', '仓库B', '仓库C', '仓库D', '仓库E']
            // data: []
        },
        yAxis: {},
        series: [{
            name: '库存(m³)',
            type: 'bar',
            data: [5, 20, 36, 10, 10]
            // data:[]
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    // 获取JSON数据;
    // $.ajax({
    //     type: "post",
    //     url:"list.getWarehouse",
    //     success:function (rs) {
    //         if (rs){
    //             var dataList = [], dataName = [];
    //                 for (var i = 0; i < res.data.length; i++) {
    //                     dataName.push(res.data[i].warehousename);
    //                     dataList.push({value: res.data[i].size}
    //                     );
    //                 }
    //                 //传递数据;
    //                 myChart.setOption({
    //                     xAxis: {
    //                         data: dataName
    //                     },
    //                     series: [{
    //                         data: dataList
    //                     }]
    //                 });
    //         }
    //     },
    //     dataType:"json"
    // })
    window.addEventListener("resize", function () {
        myChart.resize();
    });

</script>
</body>
</html>